
var material = new Ext.ux.form.FileUploadField({
	id:'material',
	width: 450,
	style: {
	"size": "53" ,
	"width":"53"// you have to adjust for it somewhere else
	}
});

var FasesCombo= new Ext.form.ComboBox({
	name: 'fase_combo',
	fieldLabel: 'Fase',
	mode: 'local',
	store: fase,
	emptyText: 'Seleccione una Fase',
	triggerAction: 'all',
	id:'mat_fase_combo',
	valueField:'fas_idfase',
	displayField:'fas_nombrefase',
	width: 300
});
var ActividesCombo= new Ext.form.ComboBox({
	name: 'mat_actividad_combo',
	fieldLabel: 'Actividad',
	mode: 'local',
	store: actividadDependiente,
	disabled: true,
	triggerAction: 'all',
	emptyText: 'Seleccione una Artefacto',
	id:'mat_actividad_combo',
	valueField:'act_idactividad',
	displayField:'act_nombreactividad',
	width: 300
});
var ArtefactosCombo= new Ext.form.ComboBox({
	name: 'artefacto_combo',
	fieldLabel: 'Artefactos',
	mode: 'local',
	store: artefactosDependientes,
	disabled: true,
	triggerAction: 'all',
	emptyText: 'Seleccione una Artefacto',
	id:'mat_artefacto_combo',
	valueField:'art_idartefacto',
	displayField:'art_nombreartefacto',
	width: 300
});


FasesCombo.on('select', function(cmb,record,index){
	ActividesCombo.enable();
	ActividesCombo.clearValue();
	actividadDependiente.load({params:{fase:record.get('fas_idfase')}});
	}
);

ActividesCombo.on('select', function(cmb,record,index){
	ArtefactosCombo.enable();
	ArtefactosCombo.clearValue();
	artefactosDependientes.load({params:{actividad:record.get('fas_idfase')}});
	}
);

var formMaterial = new Ext.FormPanel({
	labelAlign: 'top',
	title: 'Registar Material',
	bodyStyle:'padding:5px',
	width: 400,
	fileUpload: true,
	height:600,
	defaults: {width: 350},
	defaultType: 'textfield',
	items: [
	{
		fieldLabel: 'Nombre Material',
		name: 'mat_nombrematerial',
		allowBlank:false
	},
	material,
	FasesCombo,
	ActividesCombo,
	ArtefactosCombo,
	{
		xtype:'htmleditor',
		id:'mat_descripcionmaterial',
		name:'mat_descripcionmaterial',
		fieldLabel:'Descripcion de Material',
		height:200,
		anchor:'98%'
	}
	],
	buttons: [
	{
	text: 'Guardar',
	handler : function()
	{   
		var fase_combo= Ext.getCmp('mat_fase_combo').getValue();
		var artefacto_combo= Ext.getCmp('mat_artefacto_combo').getValue();
		var actividad_combo= Ext.getCmp('mat_actividad_combo').getValue();

		alert(fase_combo);
		formMaterial.getForm().submit({
		url: '../controlador/inicio.php',
		method: 'POST',
		mBind: true,
		params: {accion: 'registrarMaterial',
				combofase: fase_combo,
				comboArtefacto:artefacto_combo,
				comboActividad:actividad_combo
		},

		success: function(a,b){
			responseData = Ext.util.JSON.decode(b.response.responseText);
			console.log(responseData);
			alert(responseData.msg) ;
			if(responseData.msg==false)
			{
				Ext.Msg.alert('Error','Verfique que los datos sean correctos');  
			}
			else
			{
				Ext.Msg.alert('Confirmacion.....','Material Registrado');  
			}
		},
		failure: function(f,a){
			alert('failure');
			Ext.Msg.alert('Error','No se pudo registra el usuario');  
		}
		});
	}
	},{
	text: 'Cancelar'
	}]
});



